.carousel {
  margin-top: $section-margin-vertical;
}

.carousel h3 i {
  font-size: 26px;
  position: relative;
  bottom: -3px;
}

.carousel .carousel-content {
  margin-top: $section-margin-vertical;
}

.banner-item a {
  display: block;
  width: 100%;
  height: 100%;
  height: 94px;
  background-color: #ebebeb;
  position: relative;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.banner-item-light a {
  background-color: #e5e3e3;
}

.banner-item a:hover {
  background: $main-color;
}

.banner-item a:hover * {
  color: $white-color !important;
}

.banner-item .banner-image {
  height: 70%;
  float: left;
  margin-top: 15px;
  margin-left: 20px;
}

.banner-item a img {
  border-radius: 50%;
  background-color: transparent;
  vertical-align: middle;
  height:100%;
}

.banner-item a .banner-description {
  float: left;
  margin-top: 26px;
  margin-left: 5px;
  font-size: 14px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.banner-arrow i {
  font-size: 12px;
  color: #6a6a6a;
}